<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>团购 分类页</title>
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/sort.css" />
	</head>
	<body>
		<div class="web">
			<!--头-->
			<header class="found-header">
				<div class="back-button fl">
					<a href="">Back</a>
				</div>
				<div class="select-bar">
					<select name="select" id="">
						<option value="">广州市</option>
						<option value="">深圳市</option>
						<option value="">上海市</option>
					</select>
				</div>
				<div class="mid-title">
					<h4>分类</h4>					
				</div>	
			</header>
			<!--主体部分-->
			<section class="found-section sort-section">
				<div class="found-slide">
					<ul class="slide-wrap">
						<li>
							<div class="imgwrap">
								<a href=""><img src="img/sort_img/sort_00.png" alt="" /></a>
							</div>
							<p>美食</p>
						</li>
						<li>
							<div class="imgwrap">
								<a href=""><img src="img/sort_img/sort_01.png" alt="" /></a>
							</div>
							<p>电影</p>
						</li>
						<li>
							<div class="imgwrap">
								<a href=""><img src="img/sort_img/sort_02.png" alt="" /></a>
							</div>
							<p>运动</p>
						</li>
						<li>
							<div class="imgwrap">
								<a href=""><img src="img/sort_img/sort_03.png" alt="" /></a>
							</div>
							<p>唱歌</p>
						</li>
					</ul>
					<ul class="slide-btn">
						<li class="slide-active"></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="favourite-top clearfix">
					<div class="guess clearfix">
						<div class="img_wrap">
							<img src="img/sort_img/sort_title_01.png" alt="" />
						</div>
						<h4>美食类</h4>
					</div>
					<div class="more clearfix">
						<h4>更多</h4>
						<i class="iconfont icon-you"></i>
					</div>
				</div>
				<ul class="images-group">
					<li><a href=""><img src="img/sort_img/sort_04.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_05.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_06.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_07.png" alt="" /></a></li>
				</ul>
				<div class="favourite-top clearfix">
					<div class="guess clearfix">
						<div class="img_wrap">
							<img src="img/sort_img/sort_title_02.png" alt="" />
						</div>
						<h4>运动类</h4>
					</div>
					<div class="more clearfix">
						<h4>更多</h4>
						<i class="iconfont icon-you"></i>
					</div>
				</div>
				<ul class="images-group">
					<li><a href=""><img src="img/sort_img/sort_08.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_09.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_10.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_11.png" alt="" /></a></li>
				</ul>
				<div class="favourite-top clearfix">
					<div class="guess clearfix">
						<div class="img_wrap">
							<img src="img/sort_img/sort_title_03.png" alt="" />
						</div>
						<h4>电影类</h4>
					</div>
					<div class="more clearfix">
						<h4>更多</h4>
						<i class="iconfont icon-you"></i>
					</div>
				</div>
				<ul class="images-group">
					<li><a href=""><img src="img/sort_img/sort_12.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_13.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_06.png" alt="" /></a></li>
					<li><a href=""><img src="img/sort_img/sort_07.png" alt="" /></a></li>
				</ul>
			</section>
			<!--尾-->
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-noun28593cc"></i>
							<p>首页</p>
						</a>
					</li>
					<li class="active">
						<a href="sort.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="found.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a>
					</li>
					<li>
						<a href="my.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
			</div>
		</div>
		<script src="js/mobileReset.js"></script>
	</body>
</html>
